<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<jsp:include page="/frame/header/header.jsp"></jsp:include>
<%-- 内容开始 --%>
<div class="container-fluid">
	<!-- Flat panel -->
	<div class="panel panel-default">
		<!-- Add class "collapsed" to minimize the panel -->
		<div class="panel-heading">
			<h3 class="panel-title">
				工资项目管理
			</h3>
		</div>

		<div class="panel-body">
			<div class="row">
				<div class="col-md-2">
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="form-group input-group">
						<span class="input-group-addon">项目名称</span>
						<input class="form-control" type="text" name="name">
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="form-group input-group">
						<span class="input-group-addon">项目类型</span>
						<select class="form-control" name="status">
							<option value="0">
								全部
							</option>
							<option value="1">
								固定项目
							</option>
							<option value="2">
								计算项目
							</option>
							<option value="3">
								导入项目
							</option>
							<option value="4">
								实发项目
							</option>
						</select>
					</div>
				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<button class="btn btn-default btn-block" type="reset">
							重 置
						</button>
					</div>
				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<button type="submit" class="btn btn-primary btn-block">
							查 询
						</button>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12 col-md-4">
				</div>
				<div class="col-sm-6 col-md-2">
					<a href="javascript:;"
						onclick="jQuery('#modal-1').modal('show', {backdrop: 'fade'});"
						class="btn btn-primary btn-block">添 加</a>
				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<button id="del-btn" class="btn btn-primary btn-block">
							删 除
						</button>
					</div>
				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<a href="javascript:;"
						onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});"
						class="btn btn-primary btn-block">修 改</a>
					</div>
				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<a href="javascript:;"
						onclick="jQuery('#modal-3').modal('show', {backdrop: 'fade'});"
						class="btn btn-primary btn-block">设 定</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
				工资项目
			</h3>

			<div class="panel-options">
				<a href="#"> <i class="linecons-cog"></i> </a>

				<a href="#" data-toggle="panel"> <span class="collapse-icon">–</span>
					<span class="expand-icon">+</span> </a>

				<a href="#" data-toggle="reload"> <i class="fa-rotate-right"></i>
				</a>

				<a href="#" data-toggle="remove"> × </a>
			</div>
		</div>
		<table class="table table-striped table-bordered table-hover"
			border="0">
			<tbody>
				<tr>
					<td>
						<input type="checkbox" value="" onclick="selectAll()">
					</td>
					<td>
						名称
					</td>
					<td>
						类型
					</td>
					<td>
						显示
					</td>
					<td>
						增减项
					</td>
					<td>
						数值
					</td>
				</tr>
				<tr>
					<td>
						<input name="dailyId" id="dailyId" type="checkbox"
							value="${dailylist.dailyId}">
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal"> 个人支付公积金</a>
						</div>
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">计算项目</a>
						</div>
					</td>
					<td>
						<input name="dailyId" id="dailyId" type="checkbox"
							value="${dailylist.dailyId}">
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">-</a>
						</div>
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">100</a>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<input name="dailyId" id="dailyId" type="checkbox"
							value="${dailylist.dailyId}">
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal"> 公司支付公积金</a>
						</div>
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">计算项目</a>
						</div>
					</td>
					<td>
						<input name="dailyId" id="dailyId" type="checkbox"
							value="${dailylist.dailyId}">
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">=</a>
						</div>
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">100</a>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<input name="dailyId" id="dailyId" type="checkbox"
							value="${dailylist.dailyId}">
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal"> 个人支付公积金</a>
						</div>
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">计算项目</a>
						</div>
					</td>
					<td>
						<input name="dailyId" id="dailyId" type="checkbox"
							value="${dailylist.dailyId}">
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">+</a>
						</div>
					</td>
					<td>
						<div>
							<a data-toggle="modal" data-target="#myModal">100</a>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<%-- 内容结束 --%>
<div class="modal fade custom-width" id="modal-1" aria-hidden="true"
	style="display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<jsp:include page="/salary/project/add.jsp"></jsp:include>
		</div>
	</div>
</div>
<div class="modal fade custom-width" id="modal-2" aria-hidden="true"
	style="display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<jsp:include page="/salary/project/change.jsp"></jsp:include>
		</div>
	</div>
</div>
<div class="modal fade custom-width" id="modal-3" aria-hidden="true"
	style="display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<jsp:include page="/salary/project/setting.jsp"></jsp:include>
		</div>
	</div>
</div>
<jsp:include page="/frame/footer/footer.jsp"></jsp:include>